<template>
	<view style="padding-top: 50px;">
		<view class="text-area">
			<text>输入值：</text>
			<input type="text" v-model="title" style="color: red; background-color: darkgray;" />
		</view>
		<view class="text-area">
			<text>回传值：</text>
			<input type="text" :value="callbackValue" style="color: yellow;background-color: darkgray;" />
		</view>
		<compA :intent="title"></compA>
		<compB @callBackFun="callBack"></compB>
	</view>
</template>

<script>
	import compA from '../../../components/compA.vue'
	import compB from '../../../components/compB.vue'
	export default {
		components: {
			compA,compB},
		data() {
			return {
             title:"",
			 callbackValue:""
			}
		},
		methods: {
			callBack(msg){
              console.log("IntentPage---callBack" +msg);
              this.callbackValue=msg
  }
		}
	}
</script>

<style>
.text-area{
	 display: flex;
	 padding-bottom: 20px;
	 padding-left: 20px;
}
</style>